<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- jquery -->
    <!-- <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.js"></script> -->
    <!-- axios -->
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/1.7.7/axios.js"></script>
</head>

<body>

</body>
<script>
    // ===================================================================================
    // 手写ajax
    // //1.创建XMLHttpRequest对象
    // var xhr = new XMLHttpRequest();
    // //2.建立与接口的联结
    // xhr.open('GET', 'https://api.uomg.com/api/rand.qinghua?format=json')
    // //3.发送请求（post请求在这里是发送数据）
    // xhr.send(null);
    // //4.监听ajax请求的响应结果
    // xhr.onreadystatechange = function () {
    //     if (this.readyState === 4 && this.status === 200) {
    //         console.log(JSON.parse(this.responseText));
    //         console.log(this.responseText);
    //     }
    // }

    // ===================================================================================
    // jquery的ajax
    // $.ajax({
    //     // 请求地址
    //     url:'https://api.uomg.com/api/rand.qinghua',
    //     // 请求方法默认为get
    //     method:'GET',
    //     // 请求参数
    //     data:{
    //         format:'json'
    //     },
    //     // 成功的回调
    //     success:function(res){
    //         console.log(res);
    //         console.log(res.content);

    //     }
    // })


    // ===================================================================================
    // axios的 ajax
    // axios({
    //     method: 'get',
    //     url: 'https://api.uomg.com/api/rand.qinghua',
    //     data: {
    //         format: 'json'
    //     }
    // })
    // // 只要是Promise对象，一定有.then方法
    // .then(function (response) {
    //     console.log(response);
    //     console.log(response.data.content);

    // });

    // ===================================================================================
    // fetch(http数据请求方式，是原生js)
    // fetch('https://api.uomg.com/api/rand.qinghua', {
    //     method: 'GET'
    // }).then((res) => {
    //     return res.text()
    // }).then((text) => {
    //     console.log(text);

    // })




</script>


</html>